<template>
  <ApngStatus class="absolute w-[85px] h-[85px] top-[5px] right-[5px] z-10" name="nav" :status="status"
    @click="handClick" />
</template>

<script lang="ts" name="NavOrMenuApng" setup>
import { useConfigStore } from "@/store/config";

const config = useConfigStore();
const status = computed(() => (config.switchMODE === "nav" ? 0 : 1));

const handClick = () => {
  config.switchMODE = config.switchMODE === "nav" ? "menu" : "nav";
};
</script>
